@extends('layouts.admin')
@push('morecss')
@endpush

@push('morescript')
    <script src="{{ mix('js/admin/oauth_index.js') }}"></script>
@endpush
@section('content')
    <div class="wrapper wrapper-content">
        <div class="row">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1"> OAuth客户端管理</a></li>
                    <li class=""><a data-toggle="tab" href="#tab-2">授权登录管理</a></li>
                    <li class=""><a data-toggle="tab" href="#tab-3">个人访问令牌管理</a></li>
                </ul>
                <div class="tab-content">
                    <div id="tab-1" class="tab-pane active">
                        <div class="panel-body">
                            <passport-clients></passport-clients>
                        </div>
                    </div>
                    <div id="tab-2" class="tab-pane">
                        <div class="panel-body">
                            <passport-authorized-clients></passport-authorized-clients>
                        </div>
                    </div>
                    <div id="tab-3" class="tab-pane">
                        <div class="panel-body">
                            <passport-personal-access-tokens></passport-personal-access-tokens>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
@endsection